@import "../variables.less";
.phone{
   background:#fff;
   .rem-px(height,55);
   border: 1px solid #ebebeb;
   border-radius: 4px;
   .rem-px(margin,15);
   .rem-px(background-position-x,5);
   .rem-px(background-position-y,5);
   .rem-px(padding-left,15);
   .rem-px(padding-top,5);
   >input{
     border: 0 solid #fff;
     .rem-px(width,200);
     .rem-px(height,45);
     .rem-px(line-height,45);
     .rem-px(font-size,24);
     color: #323232;
     outline: none;
   }
}
.phoneimg{
  .rem-px(height,43);
  float: left;
  .rem-px(margin-right,5);

}
.finishButton{
  border-radius: 3px;
  width: 70%;
  border-width: 0;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  .rem-px(margin-top,30);
  .rem-px(height,44);
  .rem-px(line-height,44);
  .rem-px(font-size,24);
}
.access{
  background-color: #f95e6c;
}
.deny{
  background-color: #dddddd;
}
.describe{
  .rem-px(font-size,15);
  color: #333333;
  .rem-px(line-height,30);
  :global(.ant-checkbox-checked .ant-checkbox-inner){
    background: #63bb67;
    border-color: #63bb67;
  }
  :global(.ant-checkbox){
    .rem-px(margin-top,-4);
  }
}
.Checkbox{
  .rem-px(margin-right,5);
}
.firstRow{
  .rem-px(padding-left,25);
}
.secondRow{
  .rem-px(padding-left,44);
}
